<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    //获取cookie 的值
    // document.cookie
    // 保存值
    document.cookie="name=张三"


//获取cookie的值
// console.log(document.cookie);
//功能：传入一个属性名，返回这个属性名对应的值
function getCookie(key){
    //获取cookie中的所有值（字符串类型）
    var c = document.cookie

    //将字符串分割。用分号+空格 分割
    var arr=c.split('; ')
    var obj={}

    //遍历第二步得到的数组，将数组中每个字符串用=分割，将分割得到的属性名作为对象的属性
    // 名，将分割得到的属性值作为对象的属性值
    arr.forEach((item)=>{//item是“name=张三”或‘sex=true’
        var arr2=item.split('=')//['name','张三']
        obj[arr2[0]]=arr2[1]

    })
    return obj[key]
}
console.log(getCookie('name'));
</script>

</html>